<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/public.css"/>
		<link rel="stylesheet" type="text/css" href="../css/detail.css"/>
		<link rel="stylesheet" type="text/css" href="../font/iconfont.css"/>
	</head>
	<body>
		<div id="head">
			<div class="container">
				<div class="logo">
					<a href="http://localhost:8080/html/index.html">
						<img src="../static/img/nubia-logo.png" alt="">
					</a>
				</div>
		
				<div class="nav">
					<ul>
						<li><a href="">商城</a></li>
						<li class="banner_list" lab="banner_one"><a href="">手机</a></li>
						<li class="banner_list" lab="banner_two"><a href="">红魔手机</a></li>
						<li class="banner_list" lab="banner_three"><a href="">配件</a></li>
						<li class="banner_list" lab="banner_four"><a href="">摄影</a></li>
						<li><a href="">服务</a></li>
						<li><a href="">体验店</a></li>
						<li><a href="">社区</a></li>
						<li class="banner_list" lab="banner_five"><a href="">nubia UI</a></li>
					</ul>
				</div>
		
				<div class="search">
					<form action="" method="">
						<input type="text" name="" id="" value="" placeholder="红魔3" />
						<button type="button"><i class="iconfont icon-APPtubiao-"></i></button>
					</form>
				</div>
		
				<div class="box_cont">
					<div class="login">
						
						<a class="login_btn" href="http://localhost:8080/html/login.html">
							<i class="iconfont icon-denglu"></i>
						</a>
						<div class="login_box">
							<b class="jiaobiao"></b>
							<ul>
								<li class="yonghuming newstyle">
									<a href="http://localhost:8080/html/login.html" class="user_login_btn">立即登录</a>
									<p><span>没有账号？</span><a href="http://localhost:8080/html/sign.html" class="user_sign_btn">立即注册</a></p>
								</li>
								<li><a href=""><i class="iconfont icon-gerenzhongxin"></i>个人中心</a></li>
								<li class="divider"></li>
								<li><a href=""><i class="iconfont icon-liwu"></i>我的订单</a></li>
								<li class="divider"></li>
								<li><a href=""><i class="iconfont icon-xinyongqia"></i>我的优惠券</a></li>
								<li class="divider"></li>
								<li><a href=""><i class="iconfont icon-shoucang"></i>我的收藏</a></li>
								<li class="divider"></li>
								<li><a href=""><i class="iconfont icon-yuyue"></i>我的预约</a></li>
								<li class="divider"></li>
								<li><a href=""><i class="iconfont icon-xinjian"></i>收货地址</a></li>
								<li class="divider"></li>
								<li class="tuichu" style="display: none;"><a href=""><i class="iconfont icon-denglu"></i>退出</a></li>
							</ul>
						</div>
					</div>
		
					<div class="shopcar">
						<a href="http://localhost:8080/html/shopping_car.html" class="shopping_car_btn">
							<i class="iconfont icon-qicheqianlian-1-copy"></i>
							<span id="shop_count"></span>
						</a>
						<div class="shopcar_box">
							<b class="jiaobiao"></b>
							<div class="shopcar_box_cont">
								<p class="shopcar_ico">
									<i class="iconfont icon-qicheqianlian-1-copy"></i>
								</p>
								<p>您的购物车还是空的，赶紧行动吧！</p>
								
							</div>
						</div>
					</div>
				</div>
			</div>
		
			<div class="banner_list">
				<div class="head_banner banner_one">
					<div class="container">
						<ul>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/156525288896.png" alt="">
								</a>
								<p>
									<a href="">Z20</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/156516875510.png" alt="">
								</a>
								<p>
									<a href="">红魔3</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/156516876792.png" alt="">
								</a>
								<p>
									<a href="">努比亚阿尔法</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/155470065110.png" alt="">
								</a>
								<p>
									<a href="">红魔Mars</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/155470065110.png" alt="">
								</a>
								<p>
									<a href="">X</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/154745219020.png" alt="">
								</a>
								<p>
									<a href="">Z18</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/153690693445.png" alt="">
								</a>
								<p>
									<a href="">Z18mini</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="" alt="">
								</a>
							</li>
						</ul>
					</div>
				</div>
		
				<div class="head_banner banner_two">
					<div class="container">
						<ul>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/156516875510.png" alt="">
								</a>
								<p>
									<a href="">手机</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/154745219020.png" alt="">
								</a>
								<p>
									<a href="">手机</a>
								</p>
							</li>
							<li><a href=""><img src="" alt=""></a></li>
		
						</ul>
					</div>
				</div>
		
				<div class="head_banner banner_three">
					<div class="container">
						<ul>
							<li>
								<a href="">
									<img src="../static/img/banner_phone.png" alt="">
								</a>
								<p>
									<a href="">手机</a>
								</p>
							</li>
							<li><a href=""><img src="" alt=""></a></li>
		
						</ul>
					</div>
				</div>
		
				<div class="head_banner banner_four">
					<div class="container">
						<ul>
							<li>
								<a href="">
									<img src="../static/img/banner_phone.png" alt="">
								</a>
								<p>
									<a href="">手机</a>
								</p>
							</li>
							<li><a href=""><img src="" alt=""></a></li>
		
						</ul>
					</div>
				</div>
		
				<div class="head_banner banner_five">
					<div class="container">
						<ul>
							<li>
								<a href="">
									<img src="../static/img/banner_phone.png" alt="">
								</a>
								<p>
									<a href="">手机</a>
								</p>
							</li>
							<li><a href=""><img src="" alt=""></a></li>
		
						</ul>
					</div>
				</div>
			</div>
		</div>
		
		<div id="main_top" class="shop_xianqing">
			<!-- <div class="container-fluid">
				<div class="shop_left">
					<div class="img_box">
						<img src="//oss.static.nubia.cn/active/5cc5098616ecf44.png" alt="">
					</div>
					
					<div class="img_list">
						<ul class="img_list_ul">
							<li class="active_li"><img src="//oss.static.nubia.cn/active/5cc5098616ecf44.png" alt=""></li>
							<li><img src="//oss.static.nubia.cn/active/5cc509864775329.png" alt=""></li>
							<li><img src="//oss.static.nubia.cn/active/5cc509862039036.png" alt=""></li>
							<li><img src="//oss.static.nubia.cn/active/5cc509861baf984.png" alt=""></li>
						</ul>
					</div>
					
					<div class="fenxiang">
						<a href="" class="fx">分享</a>
						<a href="" class="sc">收藏</a>
					</div>
				</div>
				
				<div class="shop_right fr">
					
					<h2 class="shop_xinxi">红魔3 玄铁黑 8GB+128GB</h2>
					<p class="shop_miaoshu">晓龙855、5000mAH大电池</p>
					
					<div class="price_msg">
						<table>
							<tr class="tab_price">
								<td>价格</td>
								<td class="_price">￥<span>2999.00</span></td>
							</tr>
							<tr class="tab_huodong">
								<td>活动</td>
								<td>
									<p><b>分期</b>享受花呗3期，6期，12期分期</p>
									<p><b>分期</b>享受花呗3期，6期，12期分期</p>
									<p><b>分期</b>享受花呗3期，6期，12期分期</p>
								</td>
							</tr>
						</table>
					</div>
					
					<div class="address">
						<table>
							<tr>
								<td>地址</td>
								<td class="add_msg"><i class="iconfont icon-dizhi"></i><a href="#" id="s" class="add_a">广东省</a><a href="#" id="c" class="add_a">深圳市</a><a href="#" id="x" class="add_a">南山区</a><a href="#" style="color: red;" class="add_a">修改</a></td>
							</tr>
						</table>
					</div>
					
					<div class="shuxin">
						<table>
							<tr>
								<td>选择颜色</td>
								<td class="select_color">
									<a href="" class="shuxin_color">玄铁黑</a>
									<a href="">赤炎红</a>
									<a href="">战地迷彩版</a>
									<a href="">红蓝竞技版</a>
									<a href="">迷彩钢枪版(套装)</a>
								</td>
							</tr>
							<tr>
								<td>选择版本</td>
								<td class="select_banben">
									<a href="" class="shuxin_color">8GB+128GB</a>
									<a href="">6GB+128GB</a>
									<a href="">12GB+256GB</a>
								</td>
							</tr>
							<tr>
								<td>选择套装</td>
								<td class="select_taozhuan">
									<a href="" class="shuxin_color"><p>手柄套装</p><span>￥3199.00，省￥528.00</span></a>
									<a href=""><p>手柄套装</p><span>￥3199.00，省￥528.00</span></a>
									<a href=""><p>手柄套装</p><span>￥3199.00，省￥528.00</span></a>
								</td>
							</tr>
							<tr>
								<td>意外保</td>
								<td class="yiwaib">
									<a href=""><p>手柄套装</p><span>￥3199.00，省￥528.00</span></a>
									<a href=""><p>手柄套装</p><span>￥3199.00，省￥528.00</span></a>
								</td>
							</tr>
							<tr>
								<td>花呗分期</td>
								<td class="huabei">
									<a href=""><p>手柄套装</p><span>￥3199.00，省￥528.00</span></a>
									<a href=""><p>手柄套装</p><span>￥3199.00，省￥528.00</span></a>
									<a href=""><p>手柄套装</p><span>￥3199.00，省￥528.00</span></a>
								</td>
							</tr>
							<tr>
								<td>数量</td>
								<td class="shop_count">
									<div class="count">
										<div class="count_add"></div>
										<div class="count_num">1</div>
										<div class="count_red"></div>
									</div>
								</td>
							</tr>
						</table>
					</div>
					
					<div class="btn_group">
						<a href="" class="join_car">加入购物车</a>
						<a href="" class="now_buy">立即购买</a>
					</div>
				</div>
			</div> -->
		</div>
		
		<!-- 蒙板 -->
		<div class="dialog">
			<div class="dialog_box">
				<div class="close">X</div>
				<dl class="citys">
					<dt>
						<span class="citys_s selectd_color">请选择</span>
						<span class="citys_c"></span>
						<span class="citys_x"></span>
					</dt>
					<dd class="sheng clear">
						<span>湖南</span>
						<span>广东</span>
						<span>北京</span>
						<span>福建</span>
						<span>江西</span>
						<span>台湾</span>
						<span>河北</span>
						<span>黑龙江</span>
					</dd>
					<dd class="shi clear" style="display: none;">
						<span>郴州</span>
						<span>长沙</span>
						<span>永州</span>
						<span>衡阳</span>
						<span>岳阳</span>
						<span>张家界</span>
						<span>株洲</span>
						<span>邵阳</span>
					</dd>
					<dd class="qu clear" style="display: none;">
						<span>桂阳</span>
						<span>嘉禾</span>
						<span>汝城</span>
						<span>桂东</span>
						<span>安仁</span>
					</dd>
					
				</dl>
				<dl class="myadd">
					<dt>我的地址</dt>
					<dd>无</dd>
				</dl>
			</div>
		</div>
		
		<div id="main_center">
			<div class="container-fluid">
				<div class="guige">
					<a href="">商品详情</a>
					|
					<a href="">规格参数</a>
				</div>
			</div>
		</div>
		
		<div id="main_bottom">
			<div class="shouhou">
				<div class="shuoming">
					<h2>售后服务说明</h2>
					<p>已激活的努比亚手机不支持七天无理由退货。</p>
					<p>由于联网后手机会自动激活，请确认需求后再激活使用。</p>
				</div>
			</div>
			<div class="tiaokuan">
				<div class="tk_box">
					<a href="">七天无理由退货</a>
					<a href="">七天无理由退货</a>
					<a href="">七天无理由退货</a>
					<a href="">七天无理由退货</a>
				</div>
			</div>
		</div>
		
		<div id="foot">
			<div class="container">
				<dl>
					<dt>关于我们</dt>
					<dd><a href="">关于nubia</a></dd>
					<dd><a href="">产品热评</a></dd>
					<dd><a href="">体验店</a></dd>
					<dd><a href="">新闻中心</a></dd>
					<dd><a href="">视频长廊</a></dd>
					<dd><a href="">联系我们</a></dd>
					<dd><a href="">企业购</a></dd>
					<dd><a href="">友情链接</a></dd>
					<dd><a href="">合作伙伴</a></dd>
				</dl>
				<dl>
					<dt>手机</dt>
					<dd><a href="">关于nubia</a></dd>
					<dd><a href="">产品热评</a></dd>
					<dd><a href="">体验店</a></dd>
					<dd><a href="">新闻中心</a></dd>
					<dd><a href="">视频长廊</a></dd>
					<dd><a href="">联系我们</a></dd>
					<dd><a href="">企业购</a></dd>
				</dl>
				<dl>
					<dt>配件</dt>
					<dd><a href="">关于nubia</a></dd>
					<dd><a href="">产品热评</a></dd>
					<dd><a href="">体验店</a></dd>
					<dd><a href="">新闻中心</a></dd>
				</dl>
				<dl>
					<dt>服务中心</dt>
					<dd><a href="">关于nubia</a></dd>
					<dd><a href="">产品热评</a></dd>
					<dd><a href="">体验店</a></dd>
					<dd><a href="">新闻中心</a></dd>
					<dd><a href="">视频长廊</a></dd>
					<dd><a href="">联系我们</a></dd>
				</dl>
				<dl>
					<dt>关注我们</dt>
					<dd><a href="">关于nubia</a></dd>
					<dd><a href="">产品热评</a></dd>
				</dl>
				<dl>
					<dt>全国服务热线</dt>
					<dd><a href=""><p><i class="iconfont icon-dianhua"></i>400-700-6600</p></a></dd>
					<dd><p class="foot_color">周一到周日 8:30-20:30</p></dd>
					<dd><p class="foot_color">(全年无休)</p></dd>
					<dd><a class="foot_kefu" href=""><img src="../static/img/kefu.png" ></a></dd>
				</dl>
			</div>
		</div>
		
		<div id="copyright">
			<div class="container">
				<div class="foot_logo">
					<a href="">
						<img src="../static/img/nubia-logo-x2.png" alt="">
					</a>
				</div>
				<div class="foot_ww clear">
					<a href="" class="fl">
						<img src="../static/img/weibo_img.png" >
					</a>
					<a href="" class="fr">
						<img src="../static/img/weixin_img.png" >
					</a>
				</div>
				<div class="foot_links">
					<span>2012-2019 努比亚技术有限公司 版权所有</span>|
					<a href="">隐私政策</a>|
					<a href="">关于Cookie</a>
					<a href=""><span></span>简体中文</a>
				</div>
				<div class="foot_beian">
					<a href=""> 粤ICP备10006213号</a>
					<a href="">ICP经营许可证编号：粤B2-20120688</a>
					<a href="">粤公网安备 44030502000309号  </a>
				</div>
				<div class="foot_renzheng">
					<a href="">
						<img src="../static/img/kexing_img.png" alt="">
					</a>
				</div>
			</div>
		</div>
	</body>
	<script src="../static/lib/require.js" data-main="../js/main.js" type="text/javascript" charset="utf-8"></script>
</html>
